import React, { Component } from 'react';

class Com extends Component {
  state = {
    list: [
      {title:"4月底南法自驾，有什么风景可看吗？",content:"11天时间有点紧张，如果巴黎+圣山+南法。巴黎最少4天，圣山最少2天，南法最少4天，再加上中转…"},
      {title:"4月底南法自驾，有什么风景可看吗？",content:"11天时间有点紧张，如果巴黎+圣山+南法。巴黎最少4天，圣山最少2天，南法最少4天，再加上中转…"},
      {title:"4月底南法自驾，有什么风景可看吗？",content:"11天时间有点紧张，如果巴黎+圣山+南法。巴黎最少4天，圣山最少2天，南法最少4天，再加上中转…"},
      {title:"4月底南法自驾，有什么风景可看吗？",content:"11天时间有点紧张，如果巴黎+圣山+南法。巴黎最少4天，圣山最少2天，南法最少4天，再加上中转…"},
      {title:"4月底南法自驾，有什么风景可看吗？",content:"11天时间有点紧张，如果巴黎+圣山+南法。巴黎最少4天，圣山最少2天，南法最少4天，再加上中转…"}
    ]
  }
  render() {
    return (
      <div className='box'>
        {
          this.state.list.map((item,index)=>{
            return (
              <div key={index} style={{
                height:"1.5rem",
                padding:"0.2rem",
                borderTop:"0.05rem solid #eee"
              }}>
                <h2 style={{
                  marginBottom:"0.1rem"
                }}
                >{item.title}</h2>
                <p>{item.content}</p>
              </div>
            )
          })
        }
      </div>
    );
  }
}

export default Com
